<template>
	<view class="page" :style="{ '--price': vuex_config.price, '--color': vuex_config.themeColor1 }">
		<view class="paragragh" v-for="(item, index) in arr" :key="index">
			<view class="title">{{ index + 1 }}、{{ item.title }}</view>
			<view class="com_p" v-for="(contItem, contIndex) in item.contArr" :key="contIndex">{{ contItem }}</view>
		</view>
		<view class="glo_bot_main" v-if="depositInfo.pay_status != 1">
			<view class="glo_bot_fix">
				<view class="glo_button" @click="onPayPrice">
					{{ depositInfo.pay_status == 1 ? '退还押金 ￥' + price : '同意协议并报名 ￥' + price }}</view>
			</view>
		</view>
		<!-- <sww-pay-class ref="payCheck" @callBack="onPayPrice"></sww-pay-class> -->
	</view>
</template>

<script>
	import {
		payOrder
	} from '@/mixins/payOrder.js';
	import {
		wxConfig
	} from '@/mixins/wxConfig';
	import {
		adminPost
	} from '@/common/http.request.js';
	export default {
		mixins: [payOrder, wxConfig],
		data() {
			return {
				depositInfo: {},
				price: 10,
				arr: [{
						title: '保证金的交纳',
						contArr: [
							'保证金是竞拍人获取竞拍资格的凭证，如竞拍人有意参加相关商品竞拍活动，需要交纳一定数额的款项作为参拍保证金；保证金在线支付遇到问题时，可使用线下银行转账方式进行支付，转账手续费买家自理。'
						]
					},
					{
						title: '保证金的退回',
						contArr: [
							'专场竞拍结束后，在符合以下条件时，买家可申请退回保证金：',
							'1）因卖家或总有趣平台不可抗力因素导致活动下线或商品撤拍。',
							'2）未成功竞拍到商品：例如在竞拍过程中始终未出价、在竞拍过程中放弃加价等情况。',
							'3）竞拍成功后并在规定时间内完成付款。',
							'4）竞拍成功后，非买家因素导致取消订单。',
							'买家提交退款申请，总有趣工作人员核实无误，将在3-7个工作日完成退款，并赔偿买家成交价的一倍作为补偿。首选原路退回方式，若无法原路退回，将转账到您选择的收款账户中。具体到账时间以银行转账时间为准。请核实个人资料中真实姓名、手机号填写无误。如遇问题请随时咨询总有趣客服。'
						]
					},
					{
						title: '保证金的扣除',
						contArr: ['买家竞拍成功逾期不付款或因买家个人原因取消订单，由客服判断是否违规并按照相关规则扣除保证金。']
					},
					{
						title: '最终解释权归珠海总有趣电子商务有限公司所有',
						contArr: []
					}
				]
			};
		},
		onLoad() {
			// #ifdef H5
			this.initWxConfig(['chooseWXPay'])
				.then(() => {})
				.catch(() => {});
			// #endif
			this.$loading();
			this.getBondDetail();
		},

		methods: {
			getBondDetail() {
				this.$resPost('GetUsersDepositInfo', {
					page: 1,
					page_size: 1
				}).then(({
					data
				}) => {
					if (data[0]) {
						this.depositInfo = {
							...data[0]
						};
					}
					this.$hide();
				}).catch(() => {
					this.$hide();
				})
			},
			// goPay () {
			//  this.$refs.payCheck.open(this.price);
			// },
			// 确定支付/退款
			onPayPrice() {
				if (this.depositInfo.pay_status == 1) {
					uni.showModal({
						title: '退还押金',
						content: '退还押金后将无法参与竞拍！！',
						success: res => {
							if (res.confirm) {
								this.$loading();
								adminPost('SetOrderDirectRefund', {
									order_no: this.depositInfo.order_no,
									status: 3
								}).then(({
									data
								}) => {
									uni.showModal({
										showCancel: false,
										title: '退款成功'
									});
									this.getBondDetail();
								});
							}
						}
					});
				} else {
					this.$loading();
					this.$resPost('AddAuctionDeposit', {
							price: this.price,
							business_appid: this.vuex_business.appid,
						})
						.then(res => {
							let pay_type = 1
							// #ifdef MP-ALIPAY
							pay_type = 7
							// #endif 
							// #ifdef MP-BAIDU
							pay_type = 8
							// #endif
							// #ifdef MP-TOUTIAO
							pay_type = 9
							// #endif
							let opts = {
								prodName: this.vuex_business.name,
								totalPrice: this.price, // 支付金额
								remark: '购买保证金', // 余额扣款备注
								updateApi: 'UpdateAuctionDepositStatus', // 更新接口
								pay_type: pay_type,
								redirectUrl: ''
							};
							this.judgeTypeToPay({
									order_no: res.data.order_no
								}, opts)
								.then(() => {
									this.$toast('支付成功');
									setTimeout(() => {
										uni.navigateBack({
											delta: 1
										});
										this.$hide();
									}, 1000);
								})
								.catch(err => {
									if (err) {
										this.$toast({
											title: err
										});
									}
									this.$hide();
								});
						})
						.catch(() => {});
				}
			}
		}
	};
</script>
<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped lang="scss">
	.page {
		padding: 0 30rpx;
	}

	.paragragh {
		padding-top: 16rpx;

		.title {
			padding-bottom: 16rpx;
			font-weight: bold;
		}

		.com_p {
			text-indent: 2em;
			margin-bottom: 6rpx;
		}
	}
</style>
